<!--
脱标问题
    1）脱标，位置不再保留，会被后来的标准流块盒子占用，导致浮动盒子压着标准流块盒子
    2）标准流块盒子的下边缘，会作为后来的浮动盒子新的顶部对齐的水平基线
-->
<style>
    .one {
        float: left;
        width: 100px;
        height: 100px;
        background: red;
    }
    .two {
        width: 200px;
        height: 50px;
        background: orange;
    }
    .three {
        float: left;
        width: 300px;
        height: 300px;
        background: skyblue;
    }
</style>

<div class="one">浮</div>
<div class="two">不浮</div>
<div class="three">浮</div>